<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				margin: 0;
			}
			/*顶部标题背景*/
			#di{
				background-image: url(img/titleBg.gif);
				height: 40px;
			}
			/*主体部分*/
			#xinxi{
				position: absolute;
				margin: 16px 0px 0px 365px;
			}
			/*简历*/
			#jianli{
				height: 80px;
				width: 178px;
			}
			/*上传照片*/
			#zhaopian{
				float: left;
				margin-left: 100px;
			}
			/*保存按钮*/
			#check{	
				position: absolute;			
				margin: 330px 0px 0px 366px;
			}
			#check01{
				position: absolute;
				margin: 336px 0px 0px 399px;
			}
			/*重置按钮*/
			#res{
				position: absolute;
				margin: 330px 0px 0px 466px;
			}
			#res01{
				position: absolute;
				margin: 336px 0px 0px 499px;
			}
		</style>
	</head>
	<body>
		<div id="di">
			人员信息
		</div>
		<!--主体部分-->
		<div id="xinxi">
			姓名：<input type="text" />
			身份证号：<input type="number" maxlength="18" />
			<br />
			<br />
			所在城市
			<select>
				<option>北京</option>
				<option>天津</option>
				<option>上海</option>
			</select>
			<br />
			<br />
			个人简历：<textarea id="jianli" ></textarea>
			<br />
			<br />
			是否启用：
			<input type="radio" name="qiyong"  value="启用" />启用
			<input type="radio" name="qiyong" value="停用" />停用
			<br />
			<br />
			爱好：
			<input type="checkbox"  />打游戏
			<input type="checkbox"  />购物
			<input type="checkbox"  />看电影
			<br />
			<br />
			上传照片：
			<input type="file" />
		</div>
		<!--保存和重置按钮部分-->
		<div>
			<img id="check" src="img/btn_checked.gif" />
			<div id="check01">
				保存
			</div>
			<img id="res" src="img/btn_res.png" />
			<div id="res01">
				重置
			</div>
		</div>
	</body>
</html>
